#box{
    /* border: solid 1px; */
    display: flex;
    width: 100%;
}
/* ----------------------mian-------------------------- */
.main{
    /* width: ; */
    height: 100%;
    /* border: solid 2px; */
    display: flex;
    /* justify-content: space-between; */
}
.main-box1{
    margin-left: 0;
}
.main-box2{
    /* margin-left: -775px; */
    margin-right: 0;
}
/* -------------------left------------------ */
.left{
    /* border-color: #F5F5F5; */
    /* position: fixed; */
    width: 300px;
    height: 100vh;
    border-right: solid 2px #DFDFDF;
    overflow-y: auto;
}
/* 滚动条样式 */
.left::-webkit-scrollbar{
    width: 7px;
    /* height: 1px; */
}
/* 滚动条里面小方框样式 */
.left::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background: #ebebeb;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}
/* 滚动条轨道 */
.left::-webkit-scrollbar-track{
    border-radius: 10px;
    background: #fff;
}
.left>div{
    /* margin-left: 20px; */
    font-size: 14px;
    cursor: pointer;
}
.left-div1{
    /* border: solid 1px; */
    padding: 20px 10px 20px  15px;

}
.left-div1{
    transition-duration:800ms ;
}
.left .active{
    color: #755EA1;
}
.left-div2{
    display: flex;
}
.left-div2 span a{
    /* border: solid 1px; */
    color: black;
}
.left-div1-sp1{
    width: 195px;
    /* border: solid 1px; */
    display: flex;
}
.left-div1-sp1 span{
    width: 6px;
    height: 6px;
    border-bottom: solid 2px;
    border-left: solid 2px;
    margin-right: 0;
    transform: rotate(225deg);  
    margin-top:5px ;
    margin-right: 15px;
    color: #9AB7DB;
}
.left-div1:hover{
    background-color: #CCCCCC;
    transition-duration:800ms ;
}
.left>div>img{
    margin-right: 5px;
    height: 15px;
}
/* .left>div>span:hover{
    color: #58A3C1;
} */
.left-div3>div{
    padding: 10px;
    /* border: solid 1px; */
}
.left-div3>div>div{
    width: 200px;
}
.left-div3>div>div span a{
    color: black;
}
.left-div3>div{
    transition-duration:600ms ;
}
.left-div3>div:hover{
    transition-duration:800ms ;
    background-color: #CCCCCC;
}
/* ---------------------mbin--------------------- */
.mbin{
    /* border: solid 1px; */
    width: 100vw;
    margin-left: 0;

}
.mbin-1{
    /* border: solid 1px; */
    width: 100%;
    border-bottom: solid 2px #DFDFDF;
}
/* -------------------head---------------------- */
.head{
    /* border: solid 1px; */
    height: 35.81px;
    width: 360px;
    margin-left: 0;
    font-size: 14px;

}
.head ul{
    display: flex;
    /* line-height: 30.81px; */
}
.head ul  li{
    font-weight: bold;
    /* font-size: 14px; */
    cursor: pointer;
    line-height: 30.81px;
    margin-right: 20px;
    /* color: white; */
    /* background: #409EFF; */
    border-radius: 5px;
    /* padding: 5px 15px; */
}
.sp{
    color: #C2C7DB;
    margin: 0 10px;
    font-size: 12px;
}
.mbin-2{
    /* border: solid 1px; */
    /* padding-left:5px; */
    display: flex;
    margin-top: 20px;
    /* height: 100vh; */
}

/* --------------------bigBox------------------------- */
.mbin-2{
    box-shadow: 0 0px 5px rgb(29, 21, 21,0.3);
    width: 1140px;
    margin-right: 10px;
    margin-top: 15px;
    /* display: flex; */
}
.bigBox>div:nth-child(1){
    /* border: solid 1px; */
    display: flex;
}
/* -----------main-box3--------------- */
.bigBox-1{
    /* border: solid 1px; */
    padding: 35px 0 0 15px;
}
.main-box3{
    margin-left: 0;
    box-shadow: 0 0px 5px rgb(29, 21, 21,0.3);
    margin-right: 10px;
    width: 200px;
    /* padding: 20px; */
    /* font-size: 14px; */
}
.main-box3-head{
    padding: 20px 20px 0 20px;
    border-bottom: solid 1px #EBEEF5;
    height: 40px;
    display: flex;
}
.box3-1{
    margin-left: 0;
}
.box3-2{
    margin-right: 0;
}
.aaaaa{
    color: white;
    background-color: #409EFF;
    padding: 8px 25px;
    border-radius: 5px;
}
.sjx1{
    margin-top: 10px;
    margin-right: 5px;
    width: 0;
    height: 0;
    border-bottom: 6px solid #ddd;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    transform: rotate(90deg);
}
.main-box3-low{
    padding: 20px 20px 20px 20px;
    /* border: solid 1px; */
}
.box3-11{
    border: solid 1px #9093B3;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #9093B3;
    border-radius: 5px;
}
.box3-11 input{
    overflow: hidden;
    border: none;
    width: 110px;
    padding: 0 0 0 10px;
}
.box3-22{
    margin-top: 5px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
}
.box3-22 span:last-child{
    /* border: solid 1px; */
    width: 180px;
}
/* ---------------------main-box4--------------- */
.bigBox-2{
    padding: 20px 0 0 0px;
}
.main-box4{
    /* border: solid 1px yellowgreen; */
    box-shadow: 0 0px 5px rgb(29, 21, 21,0.3);
    /* margin-left: 315px; */
    margin-right: 10px;
    margin-top: 15px;
    padding: 15px 45px 0 15px;
    width: 800px;
    /* display: flex; */
    line-height: 90px;
}
.main-box4>div{
    display: flex;
    height: 70px;
    line-height: 70px;
    /* border: solid 1px; */
}
.main-box4>div:last-child div{
    margin-left: 0;
    display: flex;
}
.main-box4-b1{
    /* border: solid 1px; */
    display: flex;
    margin-left: 0;
    width: 260px;
    font-size: 14px;
}
.main-box4-b3{
    /* border: solid 1px; */
    padding-top: 15px;
}
.main-box4-b3-sp1{
    transform: x;
    padding: 0 15px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    color: white;
    background-color: #409EFF;
}
.b1{
    border: solid 1px;
    height: 35px;
    line-height: 35px;
    margin-top: 17px;
    border-radius: 5px;
    color: #C0C4CC;
    padding: 0 0 0 10px;

}
.b1 input{
    border: none;
    width: 150px;
}
.b1>span{
    padding-right: 5px;
}
.main-box4-b11{
    display: flex;
    /* border: solid 1px; */
    /* padding: 0 70px 0 0px; */
    margin-left: 0;
    width: 250px;
    height: auto;
    font-size: 14px;
}
.b11{
    border: solid 1px;
    height: 35px;
    line-height: 35px;
    margin-top: 30px;
    border-radius: 5px;
    color: #C0C4CC;
}
.b11 input{
    border: none;
    width: 150px;
}
.b11>span{
    padding-right: 5px;
}

.main-box4-b2{
    /* display: flex; */
    /* border: solid 1px; */
    font-size: 14px;
}
.b2{
    height: 35px;
    border: solid 1px #C0C4CC;
    border-radius: 5px;
    padding: 0 10px 0 5px;
    color: #C0C4CC;
    margin-left: 5px;
}

.main-box4-b3-div1 input{
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
}
.main-box3-b3-div1-sp2{
    cursor: pointer;
}
.main-box4-b3 div:nth-child(2) span:nth-child(1){
    color: white;
    padding: 8px 15px;
    border-radius: 5px;
    background-color: #409EFF;
    cursor: pointer;
}
.main-box4-b3 span:nth-child(2){
    border: solid 1px;
    border-radius: 5px;
    padding: 7px 15px;
    cursor: pointer;
}
.main-box4-b4{
    /* border: solid 1px; */
    font-size: 14px;
}
.b3{
    border-radius: 5px;
    border: solid 1px #C0C4CC;
    padding: 0 100px 0 5px;
    height: 35px;
    color: #C0C4CC;
}
.box33-1{
    /* border: solid 1px; */
    height: 80px;
}
.bigBox-3{
    /* margin-top: 20px; */
    /* width: 1000px; */
    /* border: solid 1px; */
    padding: 20px;
}
.Box3-box1{
    box-shadow: 0 0px 5px rgb(29, 21, 21,0.3); 
    /* border: solid 1px; */
    width:857px;
    margin-right: 0;
}
.Box3-box11{
    padding: 15px 0 15px 15px;
    border-bottom: solid 1px #C0C4CC;
}
.Box3-box22{
    /* 这一条-------------------------- */
    display: flex;
    /* border: solid 1px; */
    overflow: hidden;
}
.Box3-box2-1{
    margin-left: 0;
    /* border: solid 1px; */
    width: 600px;
    overflow-x: auto;
    padding: 20px;
}
.Box3-box2-1 ul{
    width:115% ;
    /* border: solid 1px; */
    display: flex;
    margin-left: 0;
}
.Box3-box2-2{
    z-index: 10;
    background-color: white;
    border-left: solid 1px #C0C4CC;
    width: 250px;
    margin-right: 0;
}
.Box3-box2-2 div{
    padding: 10px 0 0 10px;
    width: 235px;
}
.Box3-box2-2 ul{
    margin-left: 0;
    /* border: solid 1px; */
    width: 130px;
    display: flex;
}
.Box3-box2-2 ul li:first-child{
    color: white;
    background-color: #409EFF;
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 5px;
    margin-left: 0;
}
.Box3-box2-2 ul li:last-child{
    color: white;
    background-color: #F56C6C;
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 5px;
}
/* 滚动条样式 */
.Box3-box2-1::-webkit-scrollbar{
    /* width: 7px; */
    height: 5px;
}
/* 滚动条里面小方框样式 */
.Box3-box2-1::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background: #ebebeb;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}
/* 滚动条轨道 */
.Box3-box2-1::-webkit-scrollbar-track{
    border-radius: 10px;
    background: #fff;
}